آموزش طراحی وب سایت 

وظيفه اصلي تگ div در واقع چيدمان صفحه و  طراحی وب سایت  قالب صفحه است و به همين دليل است که نسبت به table فوق العاده انعطاف پذيرتر است. شما براحتي مي توانيد يک div را در هر مکاني از صفحه در کوتاهترين زمان قرار بدهيد. حالا به اين انعطاف پذيري قابليت حرکت ( انتقال ) را که با کمک تکنولوژي آژاکس اضافه شده نيز بي افزاييد.

 

از طرف ديگر، div کد کمتر و بهينه تري (<div> </div>) نسبت به يک table (که معادل <table><tr><td></td></tr></table>) ايجاد مي کند. که اين هم باعث کاهش حجم صفحه توليدي مي شود و هم باعث لود شدن سريعتر صفحه .

 

نکته ديگري که وجود دارد آن است که crawler ها که وظيفه جستجوي و ذخيره کردن صفحات را براي موتورهاي جستجو ( مثلگوگل ) بعهده دارند. چون بصورت معنايي صفحات را crawl مي کنند بنابراين اگر صفحه شما بهتر و معنايي تر ايجاد شده باشد ، ازPage rank بالاتري هم برخوردار خواهد بود. مشکل Crawler ها در ايجاد ارتباط بين مطالب داخل تيبل است. زمانيکه شما مطالب مرتبط با يک موضوع را در بخش هاي مختلف يک تيبل قرار ميديد Crawler ها در نحوه ارتباط اين بخش ها با هم و همچنين نحوه ارتباطشون با مطلب اصلي دچار سردرگمي ميشن.

نکته ديگري که يک div را در قالب بندي دردرجه بالاتري قرار مي دهد، انعطاف پذيري آن در CSS هاست. به اين معني که شما مي توانيد يک قالب چندين منظوره ايجاد کنيد و بعد با تغيير مکان div ها که با css انجام مي دهيد . کل قالب صفحه تغيير شکل پيدا مي کند.

 

حالا با اين همه برتري div نسبت به table ممکن است براي شما اين سوال ايجاد شود که table براي چه مواردي بايد استفاده شود. طراحان html همانطور که div را براي قالب بندي وقرار دادن متن و تصوير طراحی وب سایت  پياده سازي کردند. table را هم براي ايجاد صفحات به شکل Tab و ايجاد جداول ( ليست هاي موجود در صفحه) بوجود آوردند. در اکثر مواقع توصيه مي شود که براي پياده سازي Tab ها از table استفاده کنيد. همانطور که مسلما خود شما هم متوجه شديد با استفاده از يک table براحتي مي توان يک tab را پياده سازي کرد. درصورتي که اگر بخواهيد همان tab را با div پياده سازي کنيد بايد زمان و انرژي بيشتري صرف کنيد.

 

در کل با توجه به اين نکات کليدي طراحی وب سایت  :

 

    حجم کمتر صفحه توليد شده

    Page rank بالاتر در گوگل و ساير search engine ها

    قالب انعطاف پذيرتر

    براي قراردادن متن و تصوير در وب توصيه شده که از div استفاده شود

    کنترل بيشتر بوسيله css

    جدول صرفا براي ساختار tabي مناسب است

    کنترل و حرکت توسط آژاکس

    …

 

به شما اکيدا توصيه مي کنم که بجاي استفاده از table در قالب بندي صفحات از div استفاده کنيد و از قدرت آن لذت ببريد.

 

 

 

 

....

 

عنوان اصلي : Creating First Web Site In Dreamweaver CS4

آموزش طراحي سايت هاي بسيار زيبا اما ساده در نرم افزار Adobe Dreamweaver CS4 به مدت زمان 2 ساعت و 40 دقيقه در آموزش مالتي مديا محصول موسسه آموزشي Lynda ارائه شده بر روي 1 حلقه CD به همراه فايل هاي تمريني

اين آموزش پروسه طراحي يك سايت را در نرم افزار دريم ويور CS4 به شما مي آموزد از ساختن يك صفحه ساده HTML تا استايل گذاري بر روي آن بوسيله CSS و همچنين نحوه ساخت انواع فرم ها به عنوان مثال فرم تماس با ما .

اين مجموعه آموزش بهترين مجموعه آموزش براي شروع آموختن طراحي وب است .

 

در ادامه با برخي از سرفصل هاي درسي اين مجموعه آموزش Dreamweaver CS4 آشنا مي شويم :

آشنايي با مدرس مجموعه و سرفصل هاي اين كورس آموزشي از زبان مدرس شامل 3 درس

آموزش مفاهيم اوليه وب و وب سايت ها شامل 3 درس

آموزش ساخت صفحات  طراحی وب سایت  در دريم ويور شامل 5 درس

آموزش اعمال CSS ها براي سبك بندي صفحات وب در Adobe Dreamweaver CS4 شامل 4 درس

آموزش پيشرفته CSS ها در Dreamweaver CS4 شامل 5 درس

آموزش ذخيره و استفاده از قالب ها در Dreamweaver CS4 شامل 1 درس

آموزش وارد كردن تصاوير در صفحات وب شامل 2 درس

آموزش ساخت Photo Gallery و كاربرد فايل هاي فلش در صفحات وب شامل 3 درس

آموزش ساخت فرم تماس وب سايت در Dreamweaver CS4 شامل 2 درس

آموزش تست كردن نهايي براي رفع ايرادات آن و در نهايت آموزش كامل قرار دادن يك وب سايت بر روي اينترنت شامل 3 درس

و چندين و چند آموزش كاربردي ديگر مانند آموزش آماده سازي طراحی وب سایت  براي موتورهاي جستجو ، استفاده از FTP و بسياري موارد ديگر

مشخصات اين مجموعه :

زبان آموزش ها انگليسي روان و ساده

داراي آموزش هاي مالتي مديا و دسته بندي شده

ارائه شده بر روي 1 حلقه CD به همراه فايل هاي تمريني

مدت زمان آموزش 2 ساعت و 40 دقيقه !

محصول موسسه آموزش آموزشي ليندا

 

فروشنده: فروشگاه تخصصي شركت فرين

 

روش خريد: براي خريد آموزش ساخت  طراحی وب سایت  با Dreamweaver CS4 ، پس از كليك روي دكمه زير و تكميل فرم سفارش، ابتدا محصول يا محصولات مورد نظرتان را درب منزل يا محل كار تحويل بگيريد، سپس وجه كالا و هزينه ارسال را به مامور پست بپردازيد. جهت مشاهده فرم خريد، روي دكمه زير كليك كنيد.

 

 در مطلب گذشته از بخش آموزش مقدماتی جاوا اسکریپت (javascript)، خلاصه و کوتاه در مورد این زبان انعطاف پذیر و کاربردهای آن در صفحات   طراحی وب سایت(html9گفتیم و چند مثال را با هم بررسی کردیم؛ در این مطلب می خواهیم متغیرها، محاسبات، عملگرها و نکات کلی مورد نیاز جهت آشنایی و شروع کدنویسی جاوا اسکریپت را به کمک مثال با هم مرور کنیم، سعی کرده ایم که آموزش ها به ساده ترین و در عین حال کاربردی ترین شکل ممکن عنوان شوند تا از طرح مباحث خسته کننده و تکراری جلوگیری شود.

 

نکات کلی که باید در باره طراحی وب سایت بدانید:

- جاوا اسکریپت حساس به حروف بزرگ و کوچک است، یعنی به فرض متغیر var با Var از نظر مفسر این زبان متفاوت است.

- برای قرار دادن متن راهنما بین کدها از شیوه /*متن راهنما*/ یا متن راهنما// استفاده کنید.

- کدهای جاوا اسکریپت بین تگ head یا body قابل اجرا هستند و به صورت فایل خارجی نیز می توان آنها را ایمپورت کرد.

- جاوا اسکریپت زبانی سمت کاربر است، یعنی تنها روی مرورگر کاربران قابل پردازش و اجرا است.

 

متغیر ها در جاوا اسکریپت

 

شاید واژه متغیر در نگاه اول کمی پیچیده به نظر برسد اما در یک بیان ساده متغیر چیزی نیست جزء عنصری که طی یک فرایند برنامه نویسی ممکن است در چند موقعیت مختلف و یا با مقادیر مختلف مورد استفاده قرار گیرد، به عنوان مثال کارخانه ای را تصور کنید که مواد اولیه را (به عنوان متغیر) تهیه کرده و در طی فرایند تولید و انجام فعل و انفعالاتی، تبدیل به محصولات قابل استفاده می کند، متغیر در جاوا اسکریپت و اکثر زبان های برنامه نویسی کارکردی اینچنین دارد (البته در بیانی خیلی ساده)، 

 

 

 

 

 

 از بخش آموزش مقدماتی جاوا اسکریپت (javascript)، خلاصه و کوتاه در مورد این زبان انعطاف پذیر و کاربردهای آن در صفحات وب (html) گفتیم و چند مثال را با هم بررسی کردیم؛ در این مطلب می خواهیم متغیرها، محاسبات، عملگرها و نکات کلی مورد نیاز جهت آشنایی و شروع طراحی وب سایت  کدنویسی جاوا اسکریپت را به کمک مثال با هم مرور کنیم، سعی کرده ایم که آموزش ها به ساده ترین و در عین حال کاربردی ترین شکل ممکن عنوان شوند تا از طرح مباحث خسته کننده و تکراری طراحی وب سایت جلوگیری شود.

 

 

 

 

   نیازسنجی و اینکه چرا می خواهیم PHP را فرا بگیریم؟

 

به نظر من این مرحله یکی از مهمترین مراحلی است که باید به درستی پشت سر بگذارید. این مرحله مهم است چون در هر کاری اصلی ترین و ابتدایی ترین عامل ،هدف انجام کار است. وقتی شما به هدف واقف باشید قاعدتاً اشتیاق بیشتری به یادگیری  دارید و میدانید که وقتتان را بیهوده تلف نکرده اید.

 

شما میخواهید یک زبان برنامه نویسی را یاد بگیرید،در آن حرفه ای شوید و به احتمال زیاد از آن کسب درآمد کنید.از استثنا ها که بگذریم شما حداقل چند سال باید روی این موضوع زمان بگذارید پس بهتر است زمانی این کار را انجام دهید که مطمئن شده باشید که زبان درستی را انتخاب کرده اید که می تواند نیازهای شما را در طراحی وب سایت  برآورده کند.اگر هنوز در انتخاب زبان PHP برای یادگیری شک دارید و مزایا و کاربرد آن نسبت به زبانهای دیگر برای شما واضح و روشن نشده است ،بهتر است جلوتر نروید و اول این مرحله را به سرانجام برسانید.

 

    فراگیری مفاهیم اولیه برنامه نویسی

 

هر زبان برنامه نویسی یک اصول و مفاهیم پایه دارد. به عنوان مثال قبل از اینکه شما دستور for یا while را در php بخواهید بخوانید و استفاده کنید بهتر است اندکی با مفهوم حلقه ها و محل کاربرد آنها آشنایی پیدا کنید.